//头部公共样式
.content{
		padding-top: var(--status-bar-height);
	}
.top-bar {
		z-index: 999;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 88rpx;
		line-height: 88rpx;
		// background: rgba($color: #fff, $alpha: 0.96);
		// border-bottom: 1px solid $uni-border-color;
		padding-top: var(--status-bar-height);
	}
	.top-bar-left{
		float: left;
		padding-left: $uni-spacing-col-base;
		image{
			margin-top: 10rpx;
			width: 68rpx;
			height: 68rpx;
			border-radius: $uni-border-radius-base;
		}
		.back{
			padding-top: 21rpx;
			width: 46rpx;
			height: 46rpx;
		}
		.text{
			font-size: $uni-font-size-lg;
			font-weight: 500;
			color: $uni-text-color;
			line-height: 88rpx;
			}
	}
	.top-bar-center{
		z-index: -10;
		position: absolute;
		left: 0px;
		right: 0px;
		text-align: center;
		image{
			padding-top: 19rpx;
			width: 88rpx;
			height: 42rpx;
		}
	}
	.top-bar-right{
		float: right;
		padding-right: 14rpx;
		.pice{
			width: 88rpx;
		}
		.search{
			width: 88rpx;
			height: 88rpx;
			display: inline-block;
		}
		.add{
			width: 88rpx;
			height: 88rpx;
			display: inline-block;
		}
		.text{
			font-size: $uni-font-size-lg;
			font-weight: 500;
			color: $uni-text-color;
			line-height: 88rpx;
			padding-right: 24rpx;
			}
		.more-img{
			padding-right: 20rpx;
			height: 88rpx;
			image{
				width: 52rpx;
				height: 52rpx;
			}
		}
		image{
			padding: 18rpx 0 0 18rpx;
			width: 52rpx;
			height: 52rpx;
		}
	}
	
	.bottom-bar{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 90rpx;
		box-sizing: border-box;
		padding: 10rpx $uni-spacing-col-base env(safe-area-inset-bottom);
	}
	.bottom-btn1{
		text-align: center;
		width: 100%;
		line-height: 88rpx;
		margin: 0 auto;
		font-size: $uni-font-size-lg;
		font-weight: 400;
		color: $uni-text-color;
		border-radius: $uni-border-radius-sm;
	}